.swiper{
    width: 100%;
    height: 25vh;
    margin-top: 120px;
  }

  .swiper-slide img{
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
      max-width: 100%;
  }

  .swiper-wrapper {
    transition-timing-function: linear !important;
  }

  /* スライダー内の全要素に対してマウス・タッチの反応を消す */
.swiper-container, .swiper-wrapper, .swiper-slide {
  touch-action: none;       /* スマホ等でのブラウザ標準スクロールを禁止 */
  user-select: none;        /* テキスト選択を禁止 */
  pointer-events: none;     /* マウス・タッチイベントをすべて無効化 */
}

/* ==================================================== */

@media screen and (max-width: 1537px){
  .swiper{
    height: 17vh;
    margin-top: 40px;
  }
}

@media screen and (max-width: 1377px){
  .swiper{
    height: 17vh;
    margin-top: 40px;
  }
}

/* ipad pro==================================================== */
@media (max-width: 1367px) and (hover: none) {
	.swiper{
    height: 17vh;
    margin-top: 90px;
  }
	}
/* end==================================================== */

@media screen and (max-width: 1281px){
  .swiper-slide img{
    display: none;
  }

  }

/* ==================================================== */

 @media (orientation: portrait) and (max-width: 1024px){
  .swiper{
    width: 100%;
    height: 15vh;
    margin-top: 60px;
  }

  .swiper-slide img{
    display: block;
  }

  }

/* ==================================================== */
@media screen and (max-width: 1023px){
  .swiper-slide img{
    display: none;
}
}
@media screen and (orientation: landscape) and (max-width: 933px){
  .swiper{
    display: none;
    height: 0;
    margin: 0;
}

  .swiper-slide img{
    display: none;
}
}
@media screen and (max-width: 480px){
  .swiper{
    display: none;
    height: 0;
    margin: 0;
}

.swiper-slide img{
  display: none;
}
}